<html >
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
        <title>我的设备</title>
        <link href="https://cdn.bootcss.com/ionic/1.3.2/css/ionic.css" rel="stylesheet">
        <script src="https://cdn.bootcss.com/ionic/1.3.2/js/ionic.bundle.min.js"></script>
    </head>
    <style type="text/css">
      .bar-positive h4{
            background-color: #07E9A1;
            /*text-align: center;*/
            color: #fff;
            height: 2rem;
            line-height: 2rem;
            margin-top: 0;
        }
        .item{
            border-style: none;

        }
        .item-footer{
          text-align: center;
          padding: 1rem 0;
          color: #888888;
        }
        .card{
          border:1px solid #B3B3B3;
        }
        .item img{
          width: 1.5rem;
          height: 1.5rem;
          vertical-align: middle;
          margin-right: 0.5rem;
        }
        .item-header b{
          line-height: 1.5rem;
         /* letter-spacing: 0.3rem;*/
          color: #797979;

        }
         .card button.button-positive.button-outline {
            border-color: #FF9234 !important;
            background: transparent;
            color: #FF9234 !important;
            font-size: 14px;
        }
        .card .button {
            line-height: 0.5rem;
            height: 1.5rem;
            min-height: 0.1rem ;
            border-radius: 1rem;
            width: 3rem;
            float: right;
        }
        .title a{
          vertical-align: middle;
          margin-right: 30%;
       }
    </style>
    <body>
        <ion-header-bar  class="bar-positive">
             <h4 class="title">
              <ion-nav-buttons side="left" >
                  <a href="javascript:history.back(-1)" class="button button-icon icon ion-ios-arrow-back" nav-direction="back"></a>
              </ion-nav-buttons>
              我的设备
            </h4>
        </ion-header-bar>

        <ion-content>   
            <div class="card">
              <div class="item item-divider item-header">
                <img src="img/xiangquan.png"/> 
                <b>项圈</b> 
                <button class="button button-outline button-positive">删除</button>
              </div>
             
              <div class="item item-divider item-footer">
                  设备S N 码：441564514645
              </div>
            </div>

            <div class="card">
              <div class="item item-divider item-header">
                <img src="img/toushiqi.png"/>
                <b>投食器</b> 
                <button class="button button-outline button-positive">删除</button>
              </div>
             
              <div class="item item-divider item-footer">
                  设备S N 码：441564514645
              </div>
            </div>

             
        </ion-content>

    
  </body>
</html>
